<template>
  <div class="flex-col color-main">
    <div class="flex-1 row-center">
      <div class="w100r flex-col">
        <div class="mt-2">
          <div class="flex-row">
            <img class="size90 flex-none"
                 src="https://cdxapp-1257733245.file.myqcloud.com/qingchi/home/full.jpg!thumbnail">
            <div class="ml-3 col-around flex-1">
              <div class="flex-row">
                <div class="font-bold font-22">
                  清池app
                  <span class="font-20 font-bold">
                                                    - 干净的恋爱交友app
                                                </span>
                </div>
<!--                <div class="flex-none bg-blue500 ml-3  body-2">
                  <div class="text-office" style="padding: 2px">
                    官方
                  </div>
                </div>-->
              </div>
              <div class="font-16 color-content">
                简介： 干净的00后恋爱交友app，00后恋爱交友就上清池app，来这里找到你心怡的
              </div>
              <div class="font-16 color-content">
                小哥哥小姐姐，找到一起开黑的小伙伴，找到志同道合的朋友
              </div>
            </div>
          </div>
        </div>
        <div class="mt-20">
<!--          <div>产品体验</div>-->
          <div class="row-center mt-10">
            <div>
              <div>
                <div class="w100r flex-row overflow-auto">
                  <a class="mr-20" target="_blank"
                     href="https://cdxapp-1257733245.file.myqcloud.com/qingchi/static/wx_group_code.png!thumbnail">
                    <img class="ma-2 size180"
                         src="https://cdxapp-1257733245.file.myqcloud.com/qingchi/static/wx_group_code.png!thumbnail">
                    <div class="row-center w190px grey--text body-2">
                      扫码或长按图片识别进群
                    </div>
                    <div class="row-center w190px">
                      清池官方恋爱交友群
                    </div>
                  </a>
<!--                  <a class="mr-5" target="_blank"
                     href="https://a.app.qq.com/o/simple.jsp?pkgname=com.qingchiapp">
                    <img class="ma-2 size180"
                         src="https://cdxapp-1257733245.file.myqcloud.com/qingchi/static/qingchiappcode.png!thumbnail">
                    <div class="row-center w190px grey&#45;&#45;text body-2">
                      点击或长按图片识别下载
                    </div>
                    <div class="row-center w190px">
                      清池app下载
                    </div>
                  </a>-->
                  <a class="mr-20" target="_blank"
                     href="https://mp.weixin.qq.com/mp/waerrpage?type=lowest_version&appid=wx0bf5fe9ceeab514c&uin=MTU0NzIwOTU1&key=5dd492e10b98b5a21a6fb86af214079b588d6b15085fd4899babee3532d7d300a83b6d4b23cf7af2817687a76e21105215dd299ab3df9fd5335f7bb36299ffb5cfb808c851ea76960945d50244c1e79e&devicetype=Windows+10+x64&version=62090070&lang=zh_CN&ascene=1&pass_ticket=%2B6%2BVIm1E8wYnzkE1yZZyH%2B4yQJXPIGgcFMFRgUHPD4E%3D">
                    <img class="size200 bd-radius10px"
                         src="@/imgs/wx_app_code.jpg">
                    <div class="row-center grey--text body-2">
                      微信扫码识别或点击
                    </div>
                    <div class="row-center">
                      微信小程序
                    </div>
                  </a>
                  <a target="_blank"
                     href="https://m.q.qq.com/a/s/512c898daab243c47e071279517963d5">
                    <img class="size200 bd-radius10px"
                         src="@/imgs/qq_app_code.png">
                    <div class="row-center grey--text body-2">
                      QQ扫码识别或点击
                    </div>
                    <div class="row-center">
                      QQ小程序
                    </div>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="flex-none text-tip body-2 flex-col">
      <div class="row-center row-wrap">
        <div class="text-black">@2019-2022 清池app</div>
        <div class="mx-1">|</div>
        <div>清池科技滦州市有限公司</div>
        <div class="mx-1">|</div>
        <div><a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">冀ICP备19028721号-4</a></div>
        <!--            <div class="mx-1">|</div>
                    <div>公众号：<a
                        href="https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzI3NTE5NzE3NA==&scene=124#wechat_redirect"
                        target="_blank">qingchicn</a></div>-->
      </div>
      <div class="mt-2 row-center row-wrap">
        <!--            <div>
                      客服微博：
                      <a href="https://weibo.com/u/2724054747" target="_blank">清池恋爱交友app</a>
                    </div>
                    <div class="mx-1">|</div>-->
        <div>
          客服微信：
          <a target="_blank"
             href="https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzI3NTE5NzE3NA==&scene=124#wechat_redirect">
            491369310
          </a>
        </div>
        <div class="mx-1">|</div>
        <div>
          客服QQ：
          <a target="_blank"
             href="https://wpa.qq.com/msgrd?v=3&uin=491369310&site=qq&menu=yes">
            491369310
          </a>
        </div>
        <div class="mx-1">|</div>
        <div>
          联系邮箱：
          <a href="mailto:qingchiapp@163.com">qingchiapp@163.com</a>
        </div>
      </div>
    </div>
  </div>
</template>

